<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en">
<head>
	<meta http-equiv="content-type" content="text/html; charset=UTF-8" />
	<title>.:IT Việt Computer:.</title>
	<link rel="shortcut icon" type="image/x-icon" href="Images/logo.ico" />
	<link rel="stylesheet" href="Css/styles.css" type="text/css" />

	<script type="text/javascript" src="Scripts/jquery.min.js"></script>

	<!--Common jQuery plugins start here -->

	<script language="JavaScript" src="Scripts/tickertype.js" type="text/javascript"></script>

	<script language="JavaScript" src="Scripts/scroll.js" type="text/javascript"></script>

	<script type="text/javascript" language="javascript">
		function showDetail(obj) {
			var ul = obj.next('ul');
			if (ul.length) {
				ul.slideToggle('slow');
			}
			else {
				location.href = obj.attr('href');
			}
		}

		$(document).ready(function() {
			$("h1").hover(function() {
				$(this).next("em").stop(true, true).animate({ opacity: "show", top: "60" }, "slow");
			}, function() {
				$(this).next("em").animate({ opacity: "hide", top: "100" }, "fast");
			});

			resetTicker(jQuery(".company_name").html());
		});
	</script>

	<!--Common jQuery plugins end here -->
</head>
<body>
	<!--Inline css is needed for the top banner/ad, top-margin should be same as the ad-block height-->
	<div id="top-wrap">
		<div id="header-wrap">
			<div id="header">
				<h1>
					<a href="http://demo.templateworld.com/full-websites/142a/index.html">
						<img src="Images/logo.png" alt="logo" width="100" /></a></h1>
				<!-- logo here -->
				<em class="ttip">IT Việt Computer</em><!--tool tip for logo-->
				<p class="company_name">
					<span style="color: #FCE868;">IT</span> <span style="color: #FB3C3C;">Việt</span>
					<span style="color: #6F56AF;">Computer</span>
				</p>
				<!-- end of call us toll free-->
				<div class="menu">
					<div class="menu_end">
						<ul class="nav">
							<li><a href="home.html">Trang chủ</a></li>
							<li><a href="about.html">Giới thiệu</a></li>
							<li><a href="product.html" class="active">Sản phẩm</a></li>
							<li><a href="news.html">Tin tức</a></li>
							<li><a href="contact.html">Liên hệ</a></li>
						</ul>
					</div>
				</div>
				<!--end of navigation-->
			</div>
			<!--end of header-content-->
			<!--end of banner wrap-->
		</div>
		<!--header ends here-->
		<div id="content-wrap">
			<div class="leftMenu">
				<div class="leftMenu_end">
					<div class="leftMenuContent">
						<h3>
							Danh mục
						</h3>
						<ul class="leftMenu-list">
							<li><a href="http://www.facebook.com">Macbook</a> </li>
							<li class="active"><a href="http://www.google.com" onclick="showDetail(jQuery(this));return false;">
								IPhone</a>
								<ul>
									<li><a>2</a> </li>
									<li><a>3</a> </li>
									<li><a>3G</a> </li>
									<li><a>3GS</a> </li>
									<li><a>4</a> </li>
									<li class="active"><a>4S</a></li>
								</ul>
							</li>
							<li><a href="home.html">IPad</a> </li>
							<li class="last"><a>IPod-Touch</a> </li>
						</ul>
					</div>
				</div>
			</div>
			<!--end of leftMenu-->
			<div class="rightInfo">
				<h3>
					Sản phẩm
				</h3>
				<div class="productTree">
					<a>IPhone</a> » <a>4S</a></div>
				<ul class="product-list">
					<li>
						<center>
							<img src="Images/iphone.jpg" alt="" height="100" />
							<div class="title">
								IPhone 4 - 16GB
							</div>
							<div>
								Giá bán: <span class="price">16,100,000 VNĐ</span>
							</div>
							<a href="productDetail.html" class="btn-detail">Chi tiết </a>
						</center>
					</li>
					<li>
						<center>
							<img src="Images/iphone.jpg" alt="" height="100" />
							<div class="title">
								IPHONE 4 - 16GB
							</div>
							<div>
								Giá bán: <span class="price">16,100,000 VNĐ</span>
							</div>
							<a href="http://www.google.com" class="btn-detail">Chi tiết </a>
						</center>
					</li>
					<li>
						<center>
							<img src="Images/iphone.jpg" alt="" height="100" />
							<div class="title">
								IPHONE 4 - 32GB
							</div>
							<div>
								Giá bán: <span class="price">18,390,000 VNĐ</span>
							</div>
							<a href="http://www.google.com" class="btn-detail">Chi tiết </a>
						</center>
					</li>
					<li>
						<center>
							<img src="Images/iphone.jpg" alt="" height="100" />
							<div class="title">
								IPHONE 4 - 32GB
							</div>
							<div>
								Giá bán: <span class="price">18,390,000 VNĐ</span>
							</div>
							<a href="http://www.google.com" class="btn-detail">Chi tiết </a>
						</center>
					</li>
					<li>
						<center>
							<img src="Images/iphone.jpg" alt="" height="100" />
							<div class="title">
								IPHONE 4 - 32GB
							</div>
							<div>
								Giá bán: <span class="price">18,390,000 VNĐ</span>
							</div>
							<a href="http://www.google.com" class="btn-detail">Chi tiết </a>
						</center>
					</li>
				</ul>
			</div>
			<!--end of rightInfo-->
		</div>
		<!--end of content-wrapper-->
		<div id="footer-wrap">
			<div id="footer">
				<!--copyright content here-->
				<p class="copyright">
					Copyright © 2012 <a href="http://www.itvietcomputer.com">IT Việt Computer</a>. All
					rights reserved.</p>
				<ul class="footNav">
					<li><a href="http://jigsaw.w3.org/css-validator/check/referer">Sơ đồ website</a></li>
					<li>|</li>
					<li><a href="http://validator.w3.org/check?uri=referer">Quy định bảo hành</a></li>
					<li>|</li>
					<li><a href="http://demo.templateworld.com/full-websites/142a/privacy.html">Sản phẩm</a></li>
					<li>|</li>
					<li><a href="http://demo.templateworld.com/full-websites/142a/sitemap.html">Trang
						chủ</a></li>
				</ul>
				<!--end of footer navigation-->
			</div>
			<!--end of footer-content-->
		</div>
		<!--end of footer-wrap-->
	</div>
	<!--end of outer-wrapper-->
</body>
</html>
